console.log('import successed.')
var websocket = null;

initWebSocket();

//连接发生错误的回调方法
websocket.onerror = function () {
	setMessageInnerHTML("WebSocket连接发生错误");
};

//连接成功建立的回调方法
websocket.onopen = function () {
	setMessageInnerHTML("WebSocket连接成功");
}

//接收到消息的回调方法
websocket.onmessage = function (event) {
	setMessageInnerHTML(event.data);
}

//连接关闭的回调方法
websocket.onclose = function () {
	setMessageInnerHTML("WebSocket连接关闭");
}

//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
window.onbeforeunload = function () {
	closeWebSocket();
}

//将消息显示在网页上
function setMessageInnerHTML(innerHTML) {
	console.log('getMessage:');
	console.log(innerHTML);
	//document.getElementById('message').innerHTML += innerHTML + '<br/>';
}

//初始化WebSocket连接
function initWebSocket() {
	//判断当前浏览器是否支持WebSocket
	if ('WebSocket' in window) {
		// 1.不带参数的写法
		//websocket = new WebSocket("ws://127.0.0.1:18080/testWebsocket");
		// 2.通过路径传递参数的方法（服务端采用第一种方法"@ServerEndpoint"实现）
		//websocket = new WebSocket("ws://127.0.0.1:90/testWebsocket1/23/Lebron");
		// 3.通过类似GET请求方式传递参数的方法（服务端采用第二种方法"WebSocketHandler"实现）
		websocket = new WebSocket("ws://127.0.0.1:90/testWebsocket2?id=23&name=Lebron");
		console.log('Browser support websocket')
	}
	else {
		console.log('当前浏览器 Not support websocket')
	}
}

//关闭WebSocket连接
function closeWebSocket() {
	websocket.close();
}

//发送消息
function send(text) {
	var message = text || document.getElementById('text').value;
	websocket.send(message);
}